<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">

    <div>
        <p:panel header="Inicio" style="border:none;">
            <p>
                * Puede realizar su búsqueda por DNI o también por apellidos 
                y nombre Apellidos y nombres debe seguir el siguiente orden 
                que se muestra a continuación Ejm: Maraví Pérez Edwin 
                (Nota: Puede ser minúscula o mayúscula). 
            </p>
            <p>
                * La búsqueda inicial es para buscar a la persona, 
                una vez seleccionado, se mostrara un pequeño perfil.
            </p>
            <h:form>
                <p:commandLink value="Ver lista completa de socios" 
                               style="color: #990099;" update=":panelPrincipalId">
                    <f:setPropertyActionListener value="./pages/content/business_associate/view_associate.xhtml" target="#{navigationBean.navigationContent}"/>
                </p:commandLink>
            </h:form>
            <p:separator/>
            <h:panelGrid columns="2" style="width: 100%">
                <h:form style="width: 100%">
                    <div class="dynaFormLabel">  
                        <h:panelGrid columns="2">
                            <p:outputLabel for="customPojo" value="Buscar Por -> "/>  
                            <p:selectOneRadio value="#{businessAssociateBean.searchFor}">
                                <f:selectItem itemValue="1" itemLabel="Documento"/>
                                <f:selectItem itemValue="2" itemLabel="Apellidos"/>
                                <p:ajax event="change" />
                            </p:selectOneRadio>
                        </h:panelGrid>
                    </div> 

                    <p:autoComplete autocomplete="true" id="customPojo"
                                    value="#{businessAssociateBean.person}" var="i" 
                                    itemLabel="#{i.dni}" 
                                    itemValue="#{i}" converter="entityConverter"
                                    completeMethod="#{businessAssociateBean.autocompleteSearch}" 
                                    forceSelection="true" 
                                    scrollHeight="250" placeholder="(98767856) o (Paterno Materno Nombres)"
                                    minQueryLength="4" emptyMessage="No encontro a la persona"
                                    queryDelay="1000" size="50">  
                        <p:column>
                            #{i.dni}
                        </p:column>
                        <p:column>  
                            #{i.fatherName} #{i.motherName}, #{i.name}
                        </p:column>  
                        <p:ajax event="itemSelect" update=":confirmRenovId"
                                listener="#{businessAssociateBean.selectCallSheetCharges1}"/>
                    </p:autoComplete>
                </h:form>

            </h:panelGrid>
            <p:separator/>

            <p class="separator"/>
            <p class="separator"/>
            <p class="separator"/>
            <div align="center" jsf:id="confirmRenovId">
                <h:form  rendered="#{businessAssociateBean.confirmRenovation}">
                    Nombre: <h:outputText style="font-weight:bold;" value="#{businessAssociateBean.businessAssociate.idPerson.fatherName} #{businessAssociateBean.businessAssociate.idPerson.motherName}, #{businessAssociateBean.businessAssociate.idPerson.name}"/>
                    <p class="separator"/>
                    Ultimo año de Socio: <h:outputText style="font-weight:bold;" value="#{businessAssociateBean.businessAssociate.idApertureAssociate.year}"/>
                    <p class="separator"/>

                    Codigo Carnet: <p:inputMask value="#{businessAssociateBean.businessAssociate.codeCard}" 
                                                id="codeCard" mask="9999"
                                                placeholder="0001" label="Código Carnet">
                                    </p:inputMask>
                    Fecha de Renovación: <p:calendar required="true" label="Fecha de Renovación" locale="es" pattern="dd/MM/yyyy"
                                                     value="#{businessAssociateBean.businessAssociate.startDate}"/>
                    <p class="separator" />
                    <p:commandButton value="CONFIRMAR RENOVACIÓN" 
                                     icon="fa fa-exclamation"
                                     update=":confirmRenovId"
                                     action="#{businessAssociateBean.saveRenovationAssociate()}"/>
                </h:form>
            </div>

        </p:panel>
    </div>
</ui:composition>

